<template>
	<!-- 搜索区域 -->
		<el-row style="margin: 10px 0;">
			<el-col :span="12">
						<div><b>草稿夹</b></div>
			</el-col>
			<!-- 搜索区域 -->
			<el-col :span="12">
				<el-input v-model="search" placeholder="请输入关键字" style="width: 50%;" clearable />
				<el-button type="primary" style="margin-left: 10px;">查询</el-button>
			</el-col>
		</el-row>
  <el-table :data="emails" stripe style="width: 100%" size="large">
			<el-table-column type="selection" width="55" />
			<el-table-column prop="title" label="邮件标题" />
			<el-table-column prop="sender" label="收件人" />
			<el-table-column prop="text" label="邮件摘要" sortable />
			<el-table-column label="操作">
				<template #default="scope">
					<el-button size="small" type="primary" @click="restore(scope.row.emailId)">编辑</el-button>
					<el-button size="small" type="danger" @click="saveDelete(scope.row.emailId)">删除</el-button>
			 </template>
			</el-table-column>
	</el-table>	
	
  <div style="margin-top: 10px ;">
  <el-pagination
			   background
			   layout="total, sizes, prev, pager, next, jumper" 
			   v-model:currentPage="currentPage4"
			   :page-size="10"
			   :page-sizes="[5, 10, 20]"
			   @size-change="handleSizeChange"
			   @current-change="handleCurrentChange"
			   :total="total" />
			  </div>

</template>

<script>
  export default {
    name: "Draft",
	  data(){
				return{
					currentPage4:1,
					total:10,
					search: '',
					emails:[]
				}
			}
  }
</script>

<style scoped>

</style>